<!DOCTYPE html>
<html>
  <head>
    <title>Dead project</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link href="css/font-awesome.css" rel="stylesheet" media="screen">
  </head>
  <body>
    <div class="navbar navbar-inverse navbar-fixed-top bs-docs-nav header">
      <div class="container">
        <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a href="../" class="navbar-brand">LOGO</a>
        <div class="nav-collapse collapse bs-navbar-collapse">
          <ul class="nav navbar-nav nav-top">
            <li>
              <input type="text" class="form-control" style="margin-top:5px" placeholder="Enter your text">
            </li>
            <li>
              <a href="#"><i class="icon-envelope-alt"></i> Message</a>
            </li>
            <li class="active">
              <a href="#"><i class="icon-info-sign"></i> Notification</a>
            </li>
            <li>
              <a href="#"><i class="icon-wrench"> Setting</i></a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div style="padding:80px 30px 40px">
    <div class="container">

        <div class="row">
          <div class="col-lg-2">
              <ul class="nav nav nav-pills nav-stacked">
                <li class="active"><a href="#">Tributes</a></li>
                <li><a href="add_a_person.html">Add a person</a></li>
                <li><a href="#">Anniversary</a></li>
                <li><a href="#">Respected people</a></li>
                <li><a href="#">My added dead people</a></li>
                <li><a href="#">News</a></li>
              </ul>
          </div>
          <div class="col-lg-10">
            <div class="col-lg-3 item-person-in-list">
              <div class="thumbnail">
                  <img data-src="holder.js/300x200" alt="">
                  <div class="caption">
                    <h3><a href="detail.html">Name person</h3></a>
                    <p>State, Country, 54 Age</p>
                    <!---<p><a href="#" class="btn btn-primary">Action</a> <a href="#" class="btn btn-default">Action</a></p>-->
                  </div>
              </div>
            </div>
            <div class="col-lg-3 item-person-in-list">
              <div class="thumbnail">
                  <img data-src="js/holder.js/300x200" alt="">
                  <div class="caption">
                    <h3><a href="">Name person</h3></a>
                    <p>State, Country, 54 Age</p>
                    <!---<p><a href="#" class="btn btn-primary">Action</a> <a href="#" class="btn btn-default">Action</a></p>-->
                  </div>
              </div>
            </div>
            <div class="col-lg-3 item-person-in-list">
              <div class="thumbnail">
                  <img data-src="holder.js/300x200" alt="">
                  <div class="caption">
                    <h3><a href="">Name person</h3></a>
                    <p>State, Country, 54 Age</p>
                    <!---<p><a href="#" class="btn btn-primary">Action</a> <a href="#" class="btn btn-default">Action</a></p>-->
                  </div>
              </div>
            </div>
            <div class="col-lg-3 item-person-in-list">
              <div class="thumbnail">
                  <img data-src="holder.js/300x200" alt="">
                  <div class="caption">
                    <h3><a href="">Name person</h3></a>
                    <p>State, Country, 54 Age</p>
                    <!---<p><a href="#" class="btn btn-primary">Action</a> <a href="#" class="btn btn-default">Action</a></p>-->
                  </div>
              </div>
            </div>
          </div> 
            </div>
        </div>

    </div>
  </div>
    <!-- JavaScript plugins (requires jQuery) -->
    <script src="http://code.jquery.com/jquery.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Enable responsive features in IE8 with Respond.js (https://github.com/scottjehl/Respond) -->
    <script src="js/respond.js"></script>
    <script src="js/holder.js"></script>
  </body>
</html>